<div class="container-fluid" ng-controller="CustomizationController">

    <h3>XML report spec -- data</h3>
    <div class="ace_editor" ng-model='code' ui-ace="aceOptions"></div>
    <button class="btn btn-primary" ng-click="getData()">generate report</button>

    {{chartType}}

    {{highchartsNG.options.type}}

    <!--<script type="text/ng-template" id="myModalContent.html">-->
        <!--<div class="modal-header">-->
            <!--<h3 class="modal-title">I'm a modal!</h3>-->
        <!--</div>-->
        <!--<div class="modal-body">-->

            <!--<div class="btn-group">-->
                <!--<button type="button" class="btn btn-default" ng-click="showChart('line')">Line Chart</button>-->
                <!--<button type="button" class="btn btn-default" ng-click="showChart('bar')">Bar Chart</button>-->
                <!--<button type="button" class="btn btn-default" ng-click="showChart('column')">Column Chart</button>-->
                <!--<button type="button" class="btn btn-default" ng-click="showChart('area')">Area Chart</button>-->
            <!--</div>-->
            <!--<highchart id="highchart" config="highchartsNG"></highchart>-->
        <!--</div>-->
        <!--<div class="modal-footer">-->
            <!--<button class="btn btn-primary" ng-click="ok()">OK</button>-->
            <!--<button class="btn btn-warning" ng-click="cancel()">Cancel</button>-->
        <!--</div>-->
    <!--</script>-->

</div>